<div class="tab-pane with-bg active">
  <div class="panel-body nav_content" id="createCon">
    <form class="form-horizontal" >
      <div class="form-group ">
        <div class="nav_name clearfix"><span>常规配置</span></div>
        <ul>
          <li>
            <label class="col-sm-2 col-xs-2 control-label text-right" for="field-searvice">服务名称&nbsp;<span
                class="required_text">*</span></label>
            <div class="col-sm-8 col-xs-8">
              <input type="text" ng-disabled="op==='update'" name="svcinput" ng-required="string" id="field-searvice"
                     ng-model="sub.ServiceName" ng-pattern="svcnameReg"
                     placeholder="输入服务名称" class="form-control" >
              <small class="text-red ng-binding" ng-show="form.svcinput.$error.pattern">服务名不合法!请使用小写字母或数字</small>
            </div>
            <div class="clearfix"></div>

          </li>
          <li>
            <label class="col-sm-2 col-xs-2 control-label text-right" >请选择镜像&nbsp;<span
                class="required_text">*</span></label>

            <div class="col-sm-5 col-xs-8">



              <select placeholder="" ng-model="sub.SelectedTag"
                      ng-change="config(imagesData.shortname,sub.SelectedTag)" class="form-control" style="margin:0 0" aria-label=" " ng-options="tags for tags in imagesTags " ng-value="">
              </select>



            </div>

            <div class="clearfix"></div>

          </li>
          <li>
            <label class="col-sm-2 col-xs-2 control-label text-right" >请选择集群&nbsp;<span class="required_text" style="color:#fff">*</span></label>
            <div class="col-sm-5 col-xs-8">
              <!--<md-select placeholder="" ng-model="sub.curCluster" style="margin:0 0" ng-disabled="op === 'update'"
                         aria-label=" ">
                <md-option ng-value="cluster" ng-repeat="cluster in clusters">{{cluster.name}}</md-option>
              </md-select>-->

              <select placeholder="" ng-model="sub.curCluster" style="margin:0 0" ng-disabled="op === 'update'" class="form-control"  aria-label=" " ng-options="cluster.name for cluster in clusters " >
              </select>

            </div>
            <div class="clearfix"></div>
          </li>
          <li ng-hide="isNetworkEnable" style="float:left" class="col-sm-4 col-xs-4">
            <label class="col-sm-6 col-xs-5 control-label text-right network" for="network" >内外网节点&nbsp;<span class="required_text" style="color:#fff">*</span></label>

            <div class="col-sm-6 col-xs-6" >

              <input type="checkbox" id="network" class="chk_3" ng-change="changeNetwork(network)" ng-model="network"/>
              <label for="network"></label>

              <!--<input type="checkbox" class="iswitch-lg iswitch-info"
                     ng-change="changeNetwork(network)" ng-model="network">-->
            </div>

            <div class="clearfix"></div>
          </li>
          <li class="col-lg-4 col-sm-5 col-xs-7">

            <label class="col-lg-8 col-md-8 col-sm-8 col-xs-7 control-label text-right" for="SyncTimeZone">是否与节点时区同步 : {{ sub.SyncTimeZone === true?'是':'否' }}</label>
            <div class="col-sm-4 col-xs-5">
              <!--<span>{{imagesData.shortname}}:<select class="form-control"  ng-model="sub.SelectedTag"  ng-options="tags for tags in imagesTags" /></span>-->
              <!--<label class="control-label">{{imagesData.shortname}}:<select class="form-control"  ng-model="sub.SelectedTag"  ng-options="tags for tags in imagesTags" /></label>
              <label class="control-label">{{imagesData.shortname}}:</label>-->

              <!-- <md-checkbox ng-model="sub.SyncTimeZone" aria-label="synctimezone" >
               </md-checkbox>-->


              <input type="checkbox" id="SyncTimeZone"  class="chk_3" ng-model="sub.SyncTimeZone"/>
              <label for="SyncTimeZone" ></label>



              <div class="clearfix"></div>

            </div>
          </li>

          <li style="float:left" class="col-sm-3 col-xs-4">
            <label class="col-sm-6 col-xs-5 control-label text-right " for="isHostPath">高性能IO&nbsp;<span class="required_text" style="color:#fff;padding-left: 0">*</span></label>
            <div class="col-sm-6 col-xs-6">

              <input type="checkbox" id="isHostPath"  class="chk_3" ng-change="changeVolumetype(isHostPath,sub.volumes)" ng-disabled="isChange" ng-model="isHostPath"/>
              <label for="isHostPath"></label>

              <!--<input type="checkbox" ng-change="changeVolumetype(isHostPath,sub.volumes)" ng-disabled="isChange"
                     class="iswitch-lg iswitch-info" ng-model="isHostPath">-->
            </div>
            <div class="clearfix"></div>

          </li>

          <li class="clearfix" style="margin: 0"></li>
        </ul>


      </div>

      <div class="form-group">
        <div class="nav_name clearfix"><span>实例数</span></div>
        <ul>

          <li>
            <label class="col-sm-2 col-xs-3 control-label text-right example_num" >请填写实例数目 <span class="required_text">*</span></label>

            <div class="col-sm-5 col-xs-6" ng-hide="op === 'update'">

              <md-slider flex md-discrete class="md-primary service_Slider" style="height: 32px;" ng-model="sub.RequestrePlicas"  min="1" max="5" aria-label="rating" ng-init="sub.RequestrePlicas = sub.RequestrePlicas||1" >
              </md-slider>
            </div>
            <div class="col-sm-1 col-xs-2">
              <md-input-container style="height: 32px;    margin-top: -4px;font-size: 20px">
                <input flex type="number" ng-model="sub.RequestrePlicas" aria-label="instances"
                       aria-controls="instances-slider" disabled="disabled">
              </md-input-container>
            </div>
            <ul style="    float: left;width: 100%" ng-if="op==='update'"> <!---->


              <div class="clearfix"></div>

            </ul>
            <div class="clearfix"></div>

          </li>

        </ul>
      </div>

      <div class="form-group">
        <div class="nav_name clearfix"><span>容器配置</span></div>
        <ul>
          <li>
            <label class="col-sm-2 col-xs-2 control-label text-right" for="field-command">启动命令&nbsp;<span  class="required_text" style="color: #fff;">*</span></label>

            <div class="col-sm-8 col-xs-8">
              <input type="text" ng-required="string" ng-model="sub.command"
                     placeholder="输入启动命令。可以为空，此时会采用镜像本身的命令" class="form-control" id="field-command">
            </div>
            <div class="clearfix"></div>
          </li>

          <li>
            <label class="col-sm-2 col-xs-3 example_num control-label text-right" >请选择内存/CPU <span
                class="required_text">*</span></label>

            <div class="col-sm-5 col-xs-6">
              <select ng-model="sub.Request" class="form-control" ng-options="spec for spec in specs"
                      ng-disabled="!(sub.curCluster!==undefined&&sub.curCluster.clusterId==='default')">
              </select>
            </div>
            <div class="clearfix"></div>
          </li>
        </ul>
      </div>

      <div class="form-group">
        <div class="nav_name clearfix"><span>端口配置</span></div>
        <ul>
          <li>
            <label  class="col-sm-2 col-xs-2 control-label text-right labelPaddin" >请填写服务端口&nbsp;<span  class="required_text" style="color: #fff;">*</span></label>

            <div class="col-sm-9 col-xs-10">

              <div class="form-inline ">


                <table>
                  <thead class="table_title">
                  <tr>
                    <th>容器端口</th>
                    <th>访问协议</th>
                    <th>外部访问</th>
                    <th>外部访问端口</th>
                    <th></th>
                  </tr>
                  </thead>

                  <tbody class="">

                  <tr>
                    <td  class="col-xs-4 col-sm-3" style="padding-left: 0">
                      <div class="">
                        <input type="text" placeholder="容器端口 例：80"  class="form-control input-width "
                               ng-model="curPortInfo.targetPort" onkeydown='if(event.keyCode==13) return false;'/>
                      </div>
                    </td>
                    <td  >
                      <div class="" style="width: 100%">
                        <select class="form-control " ng-change="changeNodePort(curPortInfo)"
                                ng-model="curPortInfo.accessProtocol"
                                ng-options="protocolOption for protocolOption in accessProtocols">
                        </select>
                      </div>
                    </td>
                    <td class="col-md-1 col-xs-2">
                      <div class="form-block   ">
                        <div>

                          <input type="checkbox" id="curPortInfo"  class="chk_3" ng-change="changeNodePort(curPortInfo)"
                                 ng-model="curPortInfo.isPublic"/>
                          <label for="curPortInfo" style="
    vertical-align: middle;"></label>
                          <!--
                          <input type="checkbox" class="iswitch-lg iswitch-info" ng-change="changeNodePort(curPortInfo)"
                                 ng-model="curPortInfo.isPublic">-->
                        </div>
                      </div>
                    </td>
                    <td class="">
                      <div class=" " style="width:100%">
                        <!--<input type="text" size="12" class="form-control" ng-model="curPortInfo.nodePort" ng-disabled="!curPortInfo.isPublic || curPortInfo.accessProtocol === 'HTTP'">-->
                        <!--<input type="text" size="12" class="form-control" ng-model="curPortInfo.nodePort" placeholder="{{curPortInfo.nodePortPlcaeHolder}}" ng-disabled="true">-->
                        <input type="text"  class="form-control input-width" ng-model="curPortInfo.nodePort"
                               placeholder="{{curPortInfo.nodePortPlcaeHolder}}"
                               ng-disabled="sub.curCluster!==undefined&&sub.curCluster.clusterId==='default'">
                      </div>
                    </td>
                    <td class="col-xs-2">
                      <div class="">
                        <button class="btn btn-secondary btn-single" ng-click="addPortInfo(curPortInfo)" type="button"><i
                            class="fa-plus"></i> 添加
                        </button>
                      </div>
                      <!--<a href=""><i title="" data-placement="top" data-toggle="tooltip" class="fa-question-circle" data-original-title="说明"></i></a>	-->
                    </td>
                  </tr>


                  <tr ng-repeat="portInfo in sub.portInfos">
                    <td class="col-xs-4 col-sm-3" style="padding-left: 0">
                      <div class="">
                        <input type="text"  class="form-control input-width " ng-disabled="true"
                               ng-model="portInfo.targetPort">
                      </div>
                    </td>
                    <td>
                      <div class="" style="width:100%">
                        <select class="form-control" ng-model="portInfo.accessProtocol"
                                ng-change="changeNodePort(portInfo)"
                                ng-options="protocolOption for protocolOption in accessProtocols">
                        </select>
                      </div>
                    </td>
                    <td class="col-md-1 col-xs-2">
                      <div class="form-block   ">
                        <div>
                          <input type="checkbox" id="isPublic{{$index}}"  class="chk_3" ng-change="changeNodePort(portInfo)"
                                 ng-model="portInfo.isPublic"/>
                          <label for="isPublic{{$index}}" style="
    vertical-align: middle;"></label>


                          <!--<input type="checkbox" class="iswitch-lg iswitch-info" ng-change="changeNodePort(portInfo)"
                                 ng-model="portInfo.isPublic">-->
                        </div>
                      </div>
                    </td>
                    <td>
                      <div class=" "  style="width:100%">
                        <!--<input type="text" size="12" class="form-control " ng-model="portInfo.nodePort" ng-disabled="!portInfo.isPublic || portInfo.accessProtocol === 'HTTP'">-->
                        <input type="text"  class="form-control input-width " ng-show="portInfo.accessProtocol==='TCP'" ng-model="portInfo.nodePort"
                               placeholder="{{portInfo.nodePortPlcaeHolder}}" ng-disabled="true">
                        <input type="text"  class="form-control input-width " ng-show="portInfo.accessProtocol==='HTTP'"
                               placeholder="{{portInfo.nodePortPlcaeHolder}}" ng-disabled="true">
                      </div>
                    </td>
                    <td class="col-xs-2">
                      <div class="">
                        <button style="    background: rgba(255, 41, 31, 0.8);color: #fff;border: 0;padding: 6px 20px;" type="button" class="btn btn-white "
                                ng-click="deletePortInfo($index)"><!--<i class="iconfont icon-shanchu" style="color:#fff"></i>--> 删除</button>
                      </div>
                    </td>
                  </tr>


                  </tbody>
                </table>

              </div>

            </div>
            <div class="clearfix"></div>
          </li>

        </ul>
      </div>

      <div class="form-group">
        <div class="nav_name clearfix"><span>环境变量</span></div>
        <ul>
          <li>
            <label  class="col-sm-2 col-xs-2 control-label text-right labelPaddin">请填写环境变量&nbsp;<span  class="required_text" style="color: #fff;">*</span></label>

            <div class="col-sm-10 col-xs-10">

              <div class="form-inline ">

                <table>
                  <thead class="table_title">
                  <tr>
                    <th>变量名称</th>
                    <th>变量值</th>
                    <th></th>
                  </tr>
                  </thead>

                  <tbody class="">

                  <tr>
                    <td >
                      <div class="form-group ">
                        <input type="text" placeholder="变量名称" size="25" class="form-control " ng-model="curEnvInfo.name">
                      </div>
                    </td>
                    <td  style="padding: 0 15px">
                      <div class="form-group  ">
                        <input type="text" placeholder="变量值" size="25" class="form-control "
                               ng-model="curEnvInfo.value">
                      </div>
                    </td>
                    <td >
                      <div class="form-group">
                        <button class="btn btn-secondary btn-single" ng-click="addEnv(curEnvInfo)" type="button"><i
                            class="fa-plus"></i> 添加
                        </button>
                      </div>
                    </td>
                  </tr>

                  <tr ng-repeat="envInfo in sub.envInfos" style="    height: 47px;
    line-height: 47px;">
                    <td>
                      <div class="form-group ">
                        <input type="text" placeholder="变量名称" size="25" class="form-control juan_width" ng-disabled="true"
                               ng-model="envInfo.name">
                      </div>
                    </td>
                    <td style="padding: 0 15px">
                      <div class="form-group ">
                        <input type="text" placeholder="变量值" size="25" class="form-control gz_width_1"
                               ng-model="envInfo.value">
                      </div>
                    </td>
                    <td >

                      <div class="form-group">
                        <button style="    background: rgba(255, 41, 31, 0.8);color: #fff;border: 0;padding: 6px 20px;" type="button" class="btn btn-white "
                                ng-click="deleteEnv($index)"><!--<i class="iconfont icon-shanchu" style="color:#fff"></i>--> 删除</button>
                      </div>
                    </td>

                  </tr>

                  </tbody>
                </table>


              </div>
            </div>
            <div class="clearfix"></div>
          </li>

        </ul>
      </div>


      <div id="cloudVolume" class="form-group" ng-show="!isHostPath">
        <div class="nav_name clearfix"><span>卷</span></div>
        <ul>
          <li>

            <label class="col-sm-2 col-xs-2 control-label text-right"  style="    padding-top: 35px;">请填写卷&nbsp;<span  class="required_text" style="color: #fff;">*</span></label>

            <div class="col-sm-9 col-xs-10">

              <div class="form-inline ">


                <table>
                  <thead class="table_title">
                  <tr>
                    <th>挂载点</th>
                    <th>挂载卷</th>
                    <th>自动分配卷</th>
                    <th>多实例共享</th>
                    <th></th>
                  </tr>
                  </thead>

                  <tbody class="">
                  <tr>
                    <td class="col-lg-3 col-md-3 "  style="padding: 0;padding-bottom: 17px;">
                      <div class="form-group " style="width: 100%;position: relative;">
                        <input name="mount_point" type="text" class="form-control input-width" placeholder="容器中的路径"  ng-model="curVolume.mountTargetPath" ng-pattern="mountTargetPathReg">
                        <small class="text-red ng-binding" ng-show="form.mount_point.$error.pattern" style="position: absolute;
    left: 0;
    bottom: -18px;">径格式错误！格式例如:/data</small>
                      </div>
                    </td>

                    <td class="col-lg-3 col-md-3">
                      <div class="form-group " style="width: 100%">
                        <select name="volumeSelect" class="form-control input-width" ng-disabled="curVolume.IsDefault" ng-model="curVolume.mountObj" ng-options="pv.name for pv in volumePoints" >
                          <option value="">请选择挂载的卷</option>
                        </select>
                      </div>
                    </td>

                    <td>
                      <div class="form-block form-group  " style="padding: 0 15px;">
                        <div class="">

                          <input type="checkbox" id="IsDefault"  class="chk_3" ng-model="curVolume.IsDefault" checked=""/>
                          <label for="IsDefault" style="margin-top:5px;
    vertical-align: middle;"></label>

             <!--             <input type="checkbox" ng-model="curVolume.IsDefault" checked=""
                                 class="iswitch-lg iswitch-info">-->
                        </div>
                        <!--<div class="col-xs-1">
                            <i class="fa-info-circle"  data-toggle="tooltip" data-placement="top" title="默认由系统为你创建卷" tooltip></i>
                        </div>-->
                      </div>
                    </td>

                    <td>
                      <div class="form-block form-group  " style="padding: 0 15px;">
                        <div class="">
                          <input type="checkbox" id="isShared"  class="chk_3" ng-model="curVolume.isShared" checked=""/>
                          <label for="isShared" style="margin-top:5px;
    vertical-align: middle;"></label>

                          <!--<input type="checkbox" ng-model="curVolume.isShared" checked=""
                                 class="iswitch-lg iswitch-info">-->
                        </div>
                      </div>
                    </td>

                    <td>
                      <div class="form-group" style="padding: 0 15px">
                        <button class="btn btn-secondary btn-single" ng-click="addToVolumes(curVolume)" type="button"><i
                            class="fa-plus"></i> 添加
                        </button>
                      </div>
                    </td>
                  </tr>


                  <tr ng-repeat="volume in sub.volumes">
                    <td ng-if-start="volume.IsDefault !== undefined" class="col-lg-3 col-md-3 " style="padding-left: 0">
                      <div class="form-group "   style="width: 100%">
                        <input type="text" class="form-control input-width"  ng-disabled="true"
                               ng-value="volume.mountTargetPath">
                      </div>
                    </td>

                    <td class="col-lg-3 col-md-3">
                      <div class="form-group " style="width: 100%">
                        <select class="form-control input-width" ng-disabled="true">
                          <option value="">请选择挂载的卷</option>
                          <option ng-repeat="pv in volumePoints" ng-if="volume.IsDefault"
                                  value="{{(pv.mountName || pv.mountName!== null) ?pv.mountName:pv.name}}"
                                  ng-selected="volume.mountName == (pv.mountName?pv.mountName:pv.name)">
                            {{pv.mountName?pv.mountName:pv.name}}
                          <option ng-repeat="pv in volumePoints" ng-if="!volume.IsDefault"
                                  value="{{(pv.mountName || pv.mountName!== null) ?pv.mountName:pv.name}}"
                                  ng-selected="volume.mountName == pv.name">{{pv.name}}
                          </option>
                        </select>
                      </div>
                      <!--<div class="form-group " ng-if="op==='create'">
                          <select class="form-control juan_width"   ng-disabled="volume.IsDefault" ng-model="volume.mountObj" ng-options="pv.name for pv in volumePoints" >

                          </select>
                      </div>-->
                    </td>

                    <td>
                      <div class="form-block form-group  " style="padding: 0 15px;">
                        <div class="">
                          <input type="checkbox" id="IsDefaultss{{$index}}"  class="chk_3" ng-checked="volume.IsDefault" ng-model="volume.IsDefault"
                                 ng-disabled="true"/>
                          <label for="IsDefaultss{{$index}}" style="margin-top:5px;
    vertical-align: middle;"></label>

                          <!--<input type="checkbox" ng-checked="volume.IsDefault" ng-model="volume.IsDefault"
                                 ng-disabled="true" class="iswitch-lg iswitch-info">-->
                        </div>
                      </div>
                    </td>

                    <td>
                      <div class="form-block form-group  " style="padding: 0 15px;">
                        <div class="">
                          <input type="checkbox" id="IsDefaultsss{{$index}}"  class="chk_3" ng-checked="volume.isShared" ng-model="volume.isShared"
                                 ng-disabled="true"/>
                          <label for="IsDefaultsss{{$index}}" style="margin-top:5px;
    vertical-align: middle;"></label>


                          <!--<input type="checkbox" ng-checked="volume.isShared" ng-model="volume.isShared"
                                 ng-disabled="true" class="iswitch-lg iswitch-info">-->
                        </div>
                      </div>
                    </td>

               <!--     <td ng-if-end>
                      <div class="form-group">
                        <button class="btn btn-white " type="button" style="margin-top:10px;"
                                ng-click="delFromVolumes($index)"><i class="fa-close  text-red"></i></button>
                      </div>

                    </td>-->
                    <td ng-if-end style="padding: 0 15px">

                      <div class="form-group">
                        <button style="    background: rgba(255, 41, 31, 0.8);color: #fff;border: 0;padding: 6px 20px;" type="button" class="btn btn-white "
                                ng-click="delFromVolumes($index)"><!--<i class="iconfont icon-shanchu" style="color:#fff"></i>--> 删除</button>
                      </div>
                    </td>
                  </tr>


                  </tbody>
                </table>


              </div>

            </div>
            <div class="clearfix"></div>
          </li>
        </ul>

      </div>
      <!-- hostPath pattern-->
      <div class="form-group" id="hostPathVolume" ng-show="isHostPath">
        <div class="nav_name clearfix"><span>卷</span></div>

        <ul>
          <li>
            <label class="col-sm-2 col-xs-2 control-label text-right labelPaddin" style="    padding-top: 35px;">请填写卷</label>

            <div class="col-sm-10 col-xs-10">

              <div class="form-inline ">
                <table>
                  <thead class="table_title">
                  <tr>
                    <th>挂载点</th>
                    <th>挂载卷</th>
                    <th>多实例共享</th>
                    <th></th>
                  </tr>
                  </thead>

                  <tbody class="">
                  <tr>
                    <td class="col-lg-4 col-md-3 "  style="padding: 0;padding-bottom:18px ">
                      <div class="form-group " style="width: 100%;position: relative">
                        <input type="text" class="form-control input-width" placeholder="容器中的路径"
                               ng-model="curVolume.mountTargetPath" name="mount_pointIo"ng-pattern="mountTargetPathReg">
                        <small class="text-red ng-binding" ng-show="form.mount_pointIo.$error.pattern" style="position: absolute;
    left: 0;
    bottom: -18px;">径格式错误！格式例如:/data</small>
                      </div>
                    </td>

                    <td class="col-lg-4 col-md-3">
                      <div class="form-group ">
                        <input type="text" class="form-control input-width " ng-disabled="true"
                               placeholder="宿主机中的路径，例如:/data" ng-model="curVolume.volumeId">
                      </div>
                    </td>

                    <!--<td><div class="form-block form-group  ">
                        <div class="col-xs-1">
                            <input type="checkbox" ng-model="curVolume.isShared"  checked="" class="iswitch-lg iswitch-info">
                        </div>
                    </div></td>-->
                    <td>
                      <div class="form-block form-group  " style="padding: 0 15px;">
                        <div class="">
                          <input type="checkbox" id="Iss"  class="chk_3" ng-model="curVolume.isShared" checked=""/>
                          <label for="Iss" style="margin-top:5px;
    vertical-align: middle;"></label>

                          <!--<input type="checkbox" ng-model="curVolume.isShared" checked=""
                                 class="iswitch-lg iswitch-info">-->
                        </div>
                      </div>
                    </td>
                    <td style="padding: 0 15px">
                      <div class="form-group">
                        <button class="btn btn-secondary btn-single" ng-click="addLocalVolumeToVolumes(curVolume)" type="button"><i
                            class="fa-plus"></i> 添加
                        </button>
                      </div>
                    </td>
                  </tr>


                  <tr ng-repeat="volume in sub.volumes" ng-hide="!volume.mountTargetPath">
                    <td class="col-lg-4 col-md-3 "  style="padding: 0">
                      <div class="form-group " style="width: 100%">
                        <input type="text" class="form-control input-width"  ng-disabled="true"
                               ng-value="volume.mountTargetPath">
                      </div>
                    </td>

                    <td class="col-lg-4 col-md-3">
                      <div class="form-group ">
                        <input type="text" class="form-control input-width" ng-disabled="true"
                               placeholder="宿主机中的路径，例如:/data" ng-model="volume.volumeId">
                      </div>
                    </td>

                    <!--<td><div class="form-block form-group  ">
                        <div class="col-xs-1">
                            <input type="checkbox"  ng-checked="volume.isShared" ng-model="volume.isShared" class="iswitch-lg iswitch-info">
                        </div>
                    </div></td>-->
                    <td>
                      <div class="form-block form-group  " style="padding: 0 15px;">
                        <div class="">
                          <input type="checkbox" id="Isss{{$index}}"  class="chk_3" ng-checked="volume.isShared" ng-model="volume.isShared"
                                 ng-disabled="true"/>
                          <label for="Isss{{$index}}" style="margin-top:5px;
    vertical-align: middle;"></label>


                          <!--<input type="checkbox" ng-checked="volume.isShared" ng-model="volume.isShared"
                                 ng-disabled="true" class="iswitch-lg iswitch-info">-->
                        </div>
                      </div>
                    </td>
                    <td style="padding: 0 15px">
                      <div class="form-group">

                        <button style="    background: rgba(255, 41, 31, 0.8);color: #fff;border: 0;padding: 6px 20px;" type="button" class="btn btn-white "
                                ng-click="delFromVolumes($index)"><!--<i class="iconfont icon-shanchu" style="color:#fff"></i>--> 删除</button>
                      </div>
                    </td>
                  </tr>


                  </tbody>
                </table>

              </div>

            </div>
            <div class="clearfix"></div>
          </li>
        </ul>

      </div>


   <!--   <div class="form-group" ng-if="defaultVolType!=='hostpath'"
           ng-hide="sub.curCluster!==undefined&&sub.curCluster.clusterId==='default'">
        <div class="nav_name clearfix"><span>卷</span></div>
        <ul>
          <li>
            <label class="col-sm-2 control-label text-right">选择卷的类型</label>
            <div class="col-sm-10">
              <div class="col-sm-3">
                <select ng-change="changeVolume(selectedType)"
                        class="form-control ng-pristine ng-untouched ng-valid ng-empty"
                        ng-model="selectedType" ng-options="vType.name for vType in volumeTypes"></select>
              </div>

            </div>
            <div class="clearfix"></div>
          </li>

        </ul>
      </div>-->

      <div class="form-group">
        <div class="nav_name clearfix"><span>配置管理</span></div>

        <ul>
          <li>
            <label class="col-sm-2 col-xs-2 control-label text-right" >配置管理 <span
                class="required_text">*</span></label>

            <div class="col-sm-4 col-xs-5" ng-hide="hide">



              <select placeholder="配置文件" ng-model="sub.SelectedConfig" style="margin:0 0"  class="form-control"  aria-label=" " ng-change="getlistEnv(sub.SelectedConfig.imageName,sub.SelectedConfig.imageVersion)" ng-options="config.imageVersion for config in configsetlist " >
              </select>



            </div>
            <div class="col-sm-4 col-xs-5">

              <!--<md-select placeholder="环境变量" ng-model="sub.SelectedEnv" style="margin:0 0" aria-label=" ">
                <md-option ng-value="env" ng-repeat="env in envlistdata">{{env.name}}</md-option>
              </md-select>-->
              <select placeholder="环境变量" ng-model="sub.SelectedEnv" style="margin:0 0"  class="form-control"  aria-label=" " ng-options="env.name for env in envlistdata " >
              </select>
            </div>
            <div class="clearfix"></div>
          </li>
        </ul>
      </div>




    </form>

  </div>
</div>
